{% extends "base.html" %}
{% load static %}

{% block title %}GodJin · 选集{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'css/select.css' %}">
{% endblock %}

{% block content %}
<section class="hero text-white text-center"
         style="background: url('{% static "picture/introdu.jpg" %}') center/cover no-repeat;">
  <div class="container py-5">
    <h1 id="selTitle" class="display-6 fw-bold mb-2">加载中…</h1>
    <p id="selMeta" class="lead mb-0 text-white-50"></p>
  </div>
</section>

<section class="section">
  <div class="container">

    <div class="d-flex align-items-center gap-3 mb-4">
      <img id="selCover" class="rounded shadow-sm" src="{% static 'picture/jinzhu.jpg' %}" alt="封面" width="96" height="96">
      <div class="flex-grow-1">
        <div id="selDesc" class="text-muted small"></div>
      </div>
      <div><a href="/" class="btn btn-outline-secondary">返回首页</a></div>
    </div>

{#    <div class="card border-0 shadow-sm mb-3">#}
{#      <div class="card-body">#}
{#        <video id="selPlayer" class="w-100" style="max-height:520px;" controls preload="metadata"></video>#}
{#      </div>#}
{#    </div>#}

    <h2 class="h5 mb-3">选集</h2>
    <div id="epList" class="ep-grid"></div>

  </div>
</section>
{% endblock %}

{% block extra_js %}
<script>
  // 刷新兜底（如果 sessionStorage 没有数据，可以用它再拉一次）
  window.SELECT_CONFIG = { episodesApi: "/api/video_episodes/" };
</script>
<script src="{% static 'js/select.js' %}"></script>
{% endblock %}
